/* RoboFab Documents */

*, *:before, *:after
	-moz-box-sizing: border-box
	-webkit-box-sizing: border-box
	box-sizing: border-box

/* ---------- variables ---------- */

$monofont: 'Menlo', 'Andale Mono', 'Monaco', 'Consolas', 'Courier'
$sansfont: Lucida Grande, Geneva, Arial, Verdana, sans-serif
$italicfont: Georgia, serif
$border: 1px dotted #AAA
$bgcode: #DDD
$small: 0.8em
$bgdebug: none
$grid: 6em
$wsidenav: 2
$wcol: $wsidenav * $grid
$wcontent: 7 * $grid

.shiftlink
	a:hover
		position: relative
		top: +1px
		left: +1px

.debug
	background-color: $bgdebug

/* ---------- html ---------- */

body
	width: ($wcol * 2) + $wcontent
	padding: 0
	margin: 0
	font-family: $sansfont
	font-size: 0.9em
	line-height: 1.3em

p
	margin-top: 0
	padding: 0

hr
	color: none
	background-color: none
	border: none
	border-top: $border
	height: 1px
	margin: 2em 0

pre, code, tt
	font-family: $monofont
	font-size: 0.97em
	font-style: normal
	font-weight: normal
	// white-space: pre-wrap
	// white-space: -moz-pre-wrap
	// white-space: -o-pre-wrap

::selection
	color: #F30
	background-color: none

a, a:active
	text-decoration: none
	color: #339
	font-style: normal

/* ---------- content ---------- */

#content
	@extend .debug, .shiftlink
	font-size: 0.9em
	padding: 0 2em
	margin: 0 0 5em 0
	width: $wcontent
	float: left
	h1, h2, h3
		font-family: $sansfont
		color: #666
	h1
		font-size: 1.4em
		margin-top: 0
		margin-bottom: 1em
	h2
		border-top: $border
		margin-top: 2em
		padding-top: 0.5em
		font-size: 1.24em
		white-space: pre-wrap
	h3
		padding: 0
		font-size: 1.1em
	ul, ol
		margin-left: 1.35em
		padding-left: 0
	ul
		list-style: square
	code
		padding: 0 0.05em
		white-space: pre-line
	pre
		background-color: $bgcode
		padding: 1em
		white-space: pre-wrap
	tt.docutils.literal
		color: #333
		// font-weight: bold
		background-color: $bgcode
		// padding: 0.05em 0.3em
	p > em, li > em, dt > em, .reference
		font-family: $italicfont
		font-style: italic
		font-size: 1.1em
	.highlight
		background-color: None
	.downloadlink
		margin-top: 0
		margin-bottom: 1em
	.descname
		padding: 0
		font-weight: bold
	a.headerlink,
	a.headerlink:visited
		visibility: hidden
	dt
		font-weight: bold
	dd
		margin: 0 0 1em 2em
	h1:hover > a.headerlink,
	h2:hover > a.headerlink,
	h3:hover > a.headerlink,
	h4:hover > a.headerlink,
	h5:hover > a.headerlink,
	h6:hover > a.headerlink,
		visibility: visible
	.note
		padding: 0.6em 1em 0.8em
		border: $border
		p
			margin: 0
		.admonition-title
			font-weight: bold
			color: #666
			margin-bottom: 0.4em

/* ---------- header ---------- */

#header
	background-image: url('_img/drawmodel_header.jpg')
	background-repeat: no-repeat
	background-position: 0 0
	font-size: 1em
	height: 8em
	padding: 1em 1.4em
	margin: 0
	width: 100%
	#map-link
		position: absolute
		top: 2em
		left: 42em

/* ---------- horizontal nav ---------- */

.row
	@extend .debug, .shiftlink
	font-size: $small
	clear: both
	width: 100%
	padding-left: 2em

.navbar
	@extend .row
	border-bottom: $border
	padding: .1em 1.45em 1em
	margin: 0 0 2em 0
	ul
		margin: 0
		padding: 0 1.6em 0 0
		float: left
	li
		display: inline
		padding: 0 .5em

.footer
	@extend .row
	border-top: $border
	padding-top: 1em
	padding-bottom: 1em
	p
		margin-bottom: 0

/* ---------- vertical nav ---------- */

.column
	@extend .debug, .shiftlink
	margin: 0 0 5em 0
	padding: 0 2em
	float: left
	width: $wcol
	font-size: $small
	line-height: 1.3em
	a:hover
		background-color: $bgcode
	code
		font-family: $sansfont
	ul
		padding: 0
		margin: 0 0 1em 0
		list-style: none
	li
		height: 1.5em
	h3, h4
		margin: 0.6em 0 0.4em
		padding: 0
		font-size: 1em
		text-transform: lowercase
	ul+h3
		margin-top: 1em
	hr
		margin: .6em
		border-top: $border

.sphinxsidebar
	@extend .column

#tocsidebar
	@extend .column
